<template>
    <div>
        <template>
            <el-table :data="tableData" border style="width: 100%">
                <el-table-column prop="brandName" label="会员名称">
                </el-table-column>
                <el-table-column prop="vipTitle" label="会员标题">
                </el-table-column>
                <el-table-column prop="vipTime" label="有效期">
                </el-table-column>
                <el-table-column prop="privilegeDeclaration" label="特权说明">
                </el-table-column>
                <el-table-column prop="noticeForUse" label="使用须知">
                </el-table-column>
                <el-table-column fixed="right" label="操作" width="100">
                    <template slot-scope="scope">
                        <el-button @click="handleClick(scope.row.id)" type="text" size="small">查看</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </template>
    </div>
</template>
<script>
import { List } from "@/api/VIP";
export default {
    data() {
        return {
            tableData: [],
        }
    },
    methods: {
        getVIplist() {
            List().then(res => {
                this.tableData = res.data;
            })
        },
        handleClick(Id) {
            console.log(Id);
            window.localStorage.setItem("VIPId", Id);
            this.$router.push("VIPCardList");
        }
    },
    created() {
        this.getVIplist();
    }
}
</script>
<style></style>